button, .button, input[type=button], .button-secondary, .button-reverse, .button-reverse-black, .button-reverse-rounded, .button-tertiary, .button-quaternary, .button-filter {
    padding: 9px 12px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
    outline: none !important;
}

.button {
    background-color: #3F3E3E;
    color: #FFFFFF;
    border: 1px solid #54402E;
    /* bold */
    font-weight:700;
    cursor: pointer;
}
.button:hover, .button.active, .button:focus, .button-to-hover:hover .button {
    background-color: #FFFFFF;
    color: #E44200;
    border: 1px solid #E44200;

}

.button-secondary{
    background-color: #FFFFFF;
    border: 1px #E44200 solid;
    padding: 7px;
    color: #E44200;
    /* bold */
    font-weight:700;
}
.button-secondary:hover, .button-secondary.active, .button-secondary:focus {
    background-color: rgba(228, 65, 0, 0.3);
    color: #E44200;
}

.button-reverse{
    background-color: #E44200;
    color: #FFFFFF;
    /* bold */
    font-weight:700;
}
.button-reverse:hover, .button-reverse.active, .button-reverse:focus{
    background-color: #CE3D01;
    color: #FFFFFF;
    border: 1px solid #54402E;
    /* bold */
    font-weight:700;
    cursor: pointer;
}

.button-reverse-rounded{
    background-color: #E44200;
    color: #FFFFFF;
    /* bold */
    font-weight:700;
    border-radius: 10px;
}
.button-reverse-rounded:hover, .button-reverse-rounded.active, .button-reverse-rounded:focus{
    background-color: #CE3D01;
    color: #FFFFFF;
    /* bold */
    font-weight:700;
    cursor: pointer;
}

.button-reverse-black{
    background-color: #000000;
    color: #FFFFFF;
    /* bold */
    font-weight:700;
    margin-right: 20px;
    transition: 0.5s ease-in-out;
}
.button-reverse-black:hover, .button-reverse-black.active, .button-reverse-black:focus{
    background-color: #222222;
    color: #FFFFFF;
    /* bold */
    font-weight:700;
    cursor: pointer;
}

.button-tertiary {
    background-color: #EBEBEB;
    color: #54402E;
    /* bold */
    font-weight:700;
}
.button-tertiary:hover, .button-tertiary.active, .button-tertiary:focus {
    background-color: #3F3E3E;
    color: #FFFFFF;
    /* bold */
    font-weight:700;
}
.button-quaternary{
    background-color: #FFFFFF;
    color: #3F3E3E;
    /* bold */
    font-weight:700;
    text-align: left;
    border: 1px solid #3F3E3E;
}
.button-quaternary:hover{
    background-color: #FFFFFF;
    border: 1px solid #E44200;
}
.button-quaternary.active, .button-quaternary:focus{
    background-color: #FFFFFF;
    color: #E44200;
    border: 1px solid #E44200;
}
.button-filter{
    background-color: transparent;
    /* regular */
    font-weight:400;
    border-top: none;
    border-bottom: 2px solid #E44200;
    border-left: none;
    border-right: none;
}
.button-filter:hover {
    background-color: transparent;
    /* bold */
    font-weight:700;
}
.button-filter.active, .button-filter:focus {
    background-color: transparent;
    color: #E44200;
    /* bold */
    font-weight:700;
}
.button-small {
    padding: 6px 6px;
}